<template>
  <div class="personal-setting">
    <h2 class="personal-setting-title">
      主题设置
    </h2>
    <div class="personal-setting-content">
      <div class="info-item">
        <label class="info-label">主题色：</label>
        <div class="info-content">
          <Theme />
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
  .personal-setting{
    background-color: #fff;
    box-shadow: 0 0 4px rgba(#000,0.04);
    padding: 0 20px 40px;
    .info-item{
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      min-height: 32px;
      .info-label{
        width: 80px;
      }
    }
  }
  .personal-setting-title{
    height: 60px;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
</style>
